<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="mailto:3567@qq.com">发送邮件</a>
    <a href="">点击一下</a>
    <a>百度官网</a>
    <a href="1-hello.html">跳转到1-hello.html</a>
    <a href="1-hello.html" target="_self">
        跳转到1-hello.html
    </a>
    <a href="http://www.briup.com" target="_blank">
        杰普官网
    </a>

    图片具有超链接效果：
    <a href="2-html4.html" target="_blank">
        <img src="2.jpg" width="50px" height="50px">
    </a>

    <a href="">有超链接效果</a>
    <a href="#">指代跳转到本页面</a>
    当做锚点使用 #id的值
    <div id="d1">头部</div>
    <div id="d2" style="height: 1200px;">尾部</div>
    <a href="#d1">返回顶部</a>
    <a href="#d1">
        <img src="2.jpg" width="50px" height="50px">
    </a>
</body>
</html>